CSS 중앙정렬 방법

text-align을 block 요소(혹은 칸 상자)에 적용해야 하고, 적용 결과 inline contents를 정렬시켜준다. lineheight를 콘텐츠box 높이만큼 주면 콘텐츠를 수직정렬도 할 수 있다. 위와 똑같은 html에 margin-left: auto; 와 margin-right: auto;를 적용해도 중앙정렬이 되지 않는다. 이런 경우 width값을 주면 블록이 중앙정렬 된다....

display: flex;margin-left: autotext-align: centerCSS 중앙정렬방법justify-content: centermargin: 0 auto;margin-right: autoCSS 중앙정렬방법